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CREATING GRADIENT FILLS 

BACKGROUND OF THE INVENTION 
The present invention relates to color gradients in a computer graphics application. 
5 In many computer systems, information is represented and conveyed to a user 

through digital images. The digital images can take many different forms such as 
alphanumeric characters, graphs and a variety of pictorial representations. The digital images 
are typically conveyed to a user on a display device, such as a video monitor, or through a 
printing device, such as a color printer and the like. Typically, the digital images are stored 
10 in digital form, manipulated and then displayed to the user. 
Q A digital image can be a geometric description of a two or three-dimensional scene, 

ji The geometric description can be manipulated by the user and converted to digital raster 
J J: image data or vector data for display. How a two or three dimensional object appears when 
l5 the object is displayed to the user depends on numerous factors including the types of hght 
IP 15 sources illuminating the object, properties of the object such as color, texture and reflectance, 
J.,^. and the object's position and orientation with respect to the light sources, the viewer and 
IS other surfaces that may reflect Hght on the object. 

1 1 It is often desirable to present objects for display in color. In conventional systems, 

s wr.t, 

color may be appUed to a region by defining a single color for the entire region (a "flat" 
20 coloring), or to add realism, a plurahty of colors may be employed. In order to display a 

realistic image, a smooth transition between colors across painted areas is required. Such a 

transition is referred to as a color gradient. 

Color gradients can be generated in several ways. One way is to select a starting 

color, an ending color and, optionally, one or more intermediate colors on a gradient ramp. 
25 A representation of the gradient can be displayed to a user in a gradient bounding box during 

the creation of the gradient, so that the user can view the appearance of the gradient before 

applying the gradient to one or more objects. A linear gradient defines a color change along 

a line. A radial gradient defines a color change along the radius of a circle, so that concentric 

circles of constant color are obtained. 



In addition to selecting the colors of the gradient, a user can conventionally select a 
number of attributes of the gradient. Examples of such attributes include angle, horizontal 
and vertical offset, and edge padding. The angle attribute is associated with a linear gradient 
and typically defines the gradient's angle to an imaginary horizontal axis on the display 
5 screen. The horizontal and vertical offset attributes are associated with a radial gradient and 
typically define the distance between a center point of a radial gradient and the center of the 
gradient bounding box. The edge padding attribute defines how long starting and ending 
colors remain constant along the edge of a gradient before blending with other colors. 

Although the gradient attributes allow a user to further refine the visual appearance of 
10 a given gradient, the attributes have conventionally only been applied to the entire gradient, 
that is, to the entire object to which the gradient is to be applied. For example, a linear color 
P gradient can traverse N colors between the starting and ending colors and can have an angle 

^1; attribute, as described above. However, in coiwentional systems the gradient follows the 

yj selected angle through all the N colors. Similarly, if a radial gradient traverses N colors 

ul 

15 15 between the starting and ending colors, circles of constant color will be centered at the same 
li point. 

r Furthermore, a gradient is generally generated in a gradient boimding box of a given 

m size. When the gradient is applied to an object, the gradient is scaled up or down to fit the 

[ object dimensions. If a gradient is applied to a number of objects having different 

h 20 dimensions, the gradient appearance will vary between the objects unless a unique gradient is 
^ ^ generated for each obj ect . 

SUMMARY OF THE INVENTION 
In general, in one aspect, this invention provides methods and apparatus, including 
25 computer program products, implementing and using techniques for defining a color gradient 
to be applied to a region. A gradient starting point, a gradient ending point, at least one 
intermediary point between the gradient starting point and the gradient ending point and a set 
of gradient attributes are defined. A first and a second set of values for the set of gradient 
attributes are defined. The first set of values defines a transition between the gradient 
30 starting point and the at least one intermediary point. The second set of attribute values 
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defines a transition between the at least one intermediary point and the gradient ending point. 
The first and second set of values are distinct. 

Advantageous implementations can include one or more of the following features. 
The color gradient can further be rendered in accordance with the gradient starting pointy the 
gradient ending point, the at least one intermediary point, and the first and second set of 
values for the set of gradient attributes. The rendered gradient can be applied to a region 
including scaling the gradient to fit the region. The region can correspond to an object. One 
or more copies of the rendered gradient can be appUed to a region until the region is covered. 
Each copy can have an identical size and shape to the rendered gradient. 

The first and second set of values may be different The first and second set of values 
can be defined by a user input. Two intermediary points can be defined and a third set of 
attributes can be defined, wherein the third set of attributes defines a transition between the 
two intermediary points. Rendering the color gradient can include rendering the color 
gradient in accordance with the defined gradient starting point, the gradient ending point, the 
two intermediary points and the first, second and third set of attributes. 

The color gradient can be a linear color gradient and the set of gradient attributes can 
include an angle attribute. Defining a first and a second set of values can include defining a 
value of the angle of the color gradient relative to a tangent of a boimding box edge for the 
region to which the color gradient is to be applied. 

The color gradient can be a radial color gradient and the set of gradient attributes can 
include an offset attribute. Defining a first and a second set of values can include defining a 
value of the offset of the color gradient relative to a center of a bounding box for the region 
to which the gradient is to be applied. The offset may be in a horizontal or vertical direction 
relative to the center of the bovmding box. 

The set of attributes can include a color attribute and a color can be defined for one or 
more of the at least one intermediary point, the starting point and the ending point. The set of 
attributes can include a rate of change attribute, and defining a first and a second set of values 
can include defining a value of a rate of change of a color in the color gradient between a 
color associated with one of the starting point, the ending point, and the at least one 
intermediary point and a color associated with an adjacent point. 



A color can be represented by a set of color components and defining a value of a rate 
of change can include defining a value of a rate of change for one or more color components 
in the color gradient between a color component set associated with one of the starting point, 
the ending point, and the at least one intermediary point and a color component set associated 
5 with an adj acent point. 

The set of attributes can include a constant color attribute, and defining a first set and 
a second set of values can include defining a value of the constant color attribute defining a 
portion of the color gradient for which a color component remains constant. The set of 
colors can include a color traversal attribute and a set of colors to be traversed between two 
10 points in the color gradient can be defined. The set of colors can be defined though selecting 
the colors in a color wheel. 

The set of attributes can include a color fimction attribute and a mathematical 
function describing a color variation between two points in the color gradient can be defined. 
The mathematical fimction can be a non-linear mathematical function. The mathematical 



13 1 5 fimction can describe the variation of one or more color components between the two points 



in the color gradient. The mathematical fimction can be described by receiving a user input. 

The set of attributes can include a color contour function attribute, and a 
mathematical fimction describing a color contour between two points in the color gradient 
can be defined. The mathematical function can be non-linear. A user input specifying the 



A mathematical function describing a variation of a gradient attribute between two 
points in the color gradient can be described. The gradient attribute may be selected from the 
group consisting of an angle, an offset in a horizontal direction, an offset in a vertical 
direction, a rate of change for a color, and a portion of the color gradient having constant 



In general, in one aspect, this invention provides methods and apparatus, including 
computer program products, implementing and using techniques for defining a color gradient 
to be applied to a region, A gradient starting point is defined, a gradient ending point is 
defined, at least one intermediary point between the gradient starting point and the gradient 
30 ending point is defined, a set of gradient attributes is defined. A first and a second set of 



20 



mathematical function can be received. 



25 



color. 
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values for the set of gradient attributes can be defined. The first set of values defines a 
transition between the gradient starting point and the at least one intermediary point, and the 
second set of attribute values defines a transition between the at least one intermediary pohit 
and the gradient ending point. The fu:st and second set of values are distinct. 
5 The invention can be implemented to realize one or more of the following 

advantages. This method allows significantly more flexibility and artistic fi-eedom compared 
to conventional gradient rendering methods, in that a user can control not only the shape and 
color of the gradient as a whole, but also individual sections of the gradient. Any gradient 
property can be made to vary in accordance with any type of mathematical fimction, which is 
10 not possible in conventional gradients. A uniform appearance can also be achieved, even 
when the gradient is applied to multiple objects having different dimensions, 
1;^ A nxmiber of advantages can also be obtained compared to using two or more prior art 

/p gradients and placing them next to each other. For example, if user wants to place two prior 

I y art gradients next to one another, the ending color of the first gradient has to match the 

s n 

iH 15 Starting color of the second gradient. That is, the user has to define the same color twice, one 

IS time for the first gradient and one time for the second gradient. This is a time consimiing 

im 

r process, in particular if there are several gradients involved. 

Q 

I I Another advantage relates to matching of attributes. If a first conventional gradient 
I ^ has an angle attribute with a particular value and the user would like an adjacent 

13 20 conventional gradient to have an angle attribute with the same value, the user has to define 
^ the same attribute twice. The present invention allows a user to define the attribute one time 

for one gradient and achieve the same result. This is true not only for the angle attribute, but 
also for any other attribute that can be applied to a gradient. 

Yet another example arises if two or more conventional gradients have been applied 
25 to a region or object, and the object subsequently is resized. Using conventional techniques, 
each gradient has to be manually resized to fit the new object. The present invention allows 
for automatically resizing when an object to which a gradient has been applied is resized. 

The details of one or more embodiments of the invention are set forth in the 
accompanying drawings and the description below. Other features and advantages of the 
30 invention will become apparent from the description, the drawings, and the claims. 



BRIEF DESCRIPTION OF THE DRAWINGS 
FIG. 1 is a block diagram showing a process for creating a color gradient. 
FIG. 2 is a schematic illustration of a radial gradient including three user defined 
5 color points. 

Like reference numbers and designations in the various drawings indicate like 
elements. 

DETAILED DESCRIPTION 
Digital images can be stored as a geometric description of a scene. The description 
10 can be manipulated by a user invoking a drawing application or other graphics application, 
then converted to digital raster image data for output. An example of a drawing application 
|3 is Adobe® Illustrator®, available from Adobe Systems Incorporated of San Jose, California. 

^ As is shown in FIG. 1, a process (100) for defining and rendering a color gradient in 

accordance with the invention starts by receiving a selection of a gradient starting point and 
13 1 5 an associated starting color (1 05). A convenient way for a user to select the starting color is 
% to use a gradient ramp, which is a common tool in many computer graphics applications. An 

^ example of a gradient ramp description can be found in Adobe® Illustrator® 9.0 User Guide 

f 

ll for Windows® and Macintosh (Adobe Systems Incorporated, 2000). The selection of a 

I ^ gradient starting point and a starting color, also referred to as starting color stop, can either be 

|3 20 made by a user or automatically when receiving a starting color of an object illustrated in a 
computer graphics application. The process then continues with receiving a selection of a 
gradient ending point and an associated ending color (110), also referred to as an ending 
color stop, on the gradient ramp. The ending color stop can be selected in the same way as 
the starting color stop was selected. 
25 The process also receives a selection of one or more intermediary points on the 

gradient ramp between the starting and ending color stops (115). As with the selections 
above, the intermediary point(s) can either be selected automatically by the graphics 
application or by a user. The intermediary points represent points along the gradient at which 
one or more attributes of the gradient can be changed. The location of the intermediary 
30 points in relation to the starting and ending color stops on the gradient ramp is the same as 
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the relative location in the final gradient after the gradient has been rendered. In order to 
accomplish a localized change of attributes, the process associates a set of attribute types 
with the gradient. Each attribute type is then assigned an attribute value for each of the 
intermediary points and the starting point (120). Examples of attribute values include 
5 scalars, sets of scalars or mathematical functions. The different attribute types will be 
discussed in further detail below. 

When the attribute types have been defined and attribute values have been set for 
each of the intermediate points and the starting point, the color gradient is rendered (125) in a 
gradient bounding box by displaying the starting point, intermediary point(s) and ending 
10 point, and displaying the computed colors for each point and each gradient section between 
the points. The rendering of the color gradient is accomplished by parsing the gradient into 
O subsections, so that any two adjacent points on the gradient become starting and ending 

points, respectively, for a subsection. Each subsection is then rendered separately using 
fi conventional gradient rendering techniques, and finally the subsections are assembled into 

13 15 one gradient. The starting and ending points of the final gradient are located on a respective 
m first and second edge of the bounding box, and the intermediary points are located inside the 

box. The user can then change one or more attribute types and attribute values of the 

i.y 

CQ gradient until a gradient corresponding to his or her preferences has been obtained. 

Ill 

l2 Finally, the newly created color gradient is applied to one or several objects (130) that 

20 have been selected by a user or by the computer graphics application prior to the creation of 
the gradient. The color gradient has been created in a gradient bounding box and can be 
applied to the object(s) in essentially two different ways. The first way to apply the gradient 
is the same way in which gradients are applied in most conventional drawing application 
programs. The one or more objects typically have an object bounding box and when the 
25 gradient has been rendered, the gradient bounding box is scaled up or down to fit the object 
bounding box and the gradient is applied to the one or more objects. However, if this method 
is used to apply a gradient to a number of objects with different dimensions, the appearance 
of the gradient in each of the objects will vary, which may not always be what the user 
desires. 
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A second way to apply the gradient to one or more objects includes the use of a 
repeatable pattern. Instead of scaling the gradient to fit the object bounding boxes, the 
repeatable pattern defining the gradient is applied in scale to the objects. This prevents the 
gradient firom becoming "stretched " or "compressed" when the gradient is applied to objects, 
5 and gives the objects a more uniform appearance. For example, assume that a color gradient 
is specified on a 10 by 10 point scale in a CMYK system and has a starting color of CO = (0, 
0, 0, 100) and an ending color of CI = (0, 0, 0, 0). If this color gradient is applied to an 
object with the dimensions 100 by 100 points, the resulting gradient after application to the 
object will have a color pattern of (CO, CI, CO, CI, CO, CI, CO, CI, CO, CI, CO, CI, CO, CI, 
1 0 CO, C 1 , CO, C 1 , CO, C 1 ) with an inter-color spacing of 1 0 points. 

The description will now continue with a number of examples of different types of 
13 attributes that may be associated with the starting point and intermediary points, as was 

% briefly described above in connection with steps (125) and (130). The exemplary attributes 

to be discussed here include color functions, contouring functions, angle, horizontal and 
rg 15 vertical offset, number of steps, edge padding distance, and color direction. 

in 

^ Color fimctions 

|S A color in a graphics application is typically represented by one or more color 

\ ^: components. For example, in an RGB color space, all colors are represented by a 

13 20 combination of the color components Red, Green and Blue, and in a CMYK color space, the 

•J .s 

corresponding colors are instead represented by a combination of the color components 
Cyan, Magenta, Yellow and a Key color (Black). The amount of each color component is 
determined by a color component value. Conventionally, a color change between two colors 
in a gradient is generated by interpolating each of the color components between the color 

25 component values in the first color and the color component values in the second color. 

In the proposed gradient, one attribute in the set of attributes may be a color fimction 
represented by a mathematical function (linear or non-linear) that specifies a transition for 
one or more color components between a point on the gradient to which the mathematical 
function is associated and an adjacent point. For example, in one implementation of the 

30 invention, the colors in a section of a gradient between any two points can be made to vary 
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based on a governing equation. If a first point, located at x = 0, on the gradient has an 
associated color component value C(0) = CO and a second point on the gradient, located at x 
= 1, has an associated color component value C(l) = CI, then the color of the section of the 
gradient between the first and second points can be made to vary in accordance with a 
5 function f(x), where f(0) = 0 and f(l) = 1 . The color component value, C(x), at any given 
position along the gradient between the first and second points can be described as C(x) = 
CO+f(x)(Cl-CO). Since f(x) can be virtually any function that fulfills the above constraints, a 
great variety of color transitions can be obtained for the color component, such as linear 
transitions, quadratic transitions, logarithmic transitions and sinusoidal transitions (for which 
10 multiple cycles of colors optionally can be generated depending on the range of angles used 
in the calculations). 

f-i A different portion of the gradient, for example, between the second point having a 

color component value CI and a third point having a color component value C2 may have a 

|y different associated function, g(x), such that the color component value at any given point 

p 15 between the second point and the third point can be given by C(x) ^ Cl+g(x)(C2-Cl). 

if The same function can be applied to each of the color components in the gradient to 

achieve a uniform color change across the gradient for all the color components. 

P 

Ifi Alternatively, one or more color components may have different associated functions to 

^t; -hi! 

achieve further variation along the color gradient, for example, so that the red component in 
13 20 an RGB color representation has a sinusoidal variation, the green component has a linear 
variation, and the blue component has a logarithmic variation. 

The color functions above have been described in the context of a linear gradient, but 
are equally useful for radial gradients, in which case a mathematical function f(r) can be 
specified that is dependent on the radius r. The resulting gradient includes concentric circles 
25 that vary in the same manner that has been described for the linear gradients above. 



Contouring functions 

In the color functions described above, the color transition along any section of the 
gradient, no matter whether the gradient is linear or radial, is dependent on one variable only. 
30 In the case of a Hnear gradient, this variable is measured in the propagation direction of the 
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gradient. Consequently, the color of the gradient is determined by parallel lines of constant 
color perpendicular to the gradient. In the case of a radial gradient, the variable is measured 
in the radial direction of the gradient and the color of the gradient is determined by 
concentric circles of constant color. The color of each parallel line or concentric circle in the 
respective gradient is determined by the one or more mathematical functions that are 
associated vdth different sections of the gradient. 

If, however, the functions determining the color of the different gradient sections are 
made to depend on more than one variable, a contouring attribute can be created. The linear 
gradient is no longer limited to parallel lines of constant color, but can have a color variation 
perpendicular to the propagation direction of the gradient. Furthermore, by applying 
different functions to different sections of the gradient, the color variation perpendicular to 
the propagation direction of the gradient can be varied between the different sections of the 
gradient. Instead of having lines of constant color perpendicular to the color gradient 
propagation direction, the lines of constant color can, for example, become slanting lines or 
virtually any type of curves that span across the gradient. The linear gradient can then 
instead be more accurately described as a two-dunensional color gradient represented in a 
Cartesian coordinate system. A gradient is typically defined in a gradient bounding box, 
which is mapped to the region of the screen to which the gradient is to be applied, such as a 
region that includes a single object or a collection of objects, when the gradient has been 
created. A bounding box can also be used in one implementation of the invention to define a 
two-dimensional gradient. The contouring attribute is defined by a two-dimensional fimction 
and can be expressed as C(x,y) = CO+f(x,y)(Cl-CO) with CO and CI defined in a similar way 
as the color fianctions above, and where x and y can be measured in a local coordinate system 
for the bounding box in which the gradient is generated. 

Similarly, a radial gradient is no longer limited to concentric circles of constant color. 
Instead the color can vary as a function of the angle, 0, in a polar coordinate system. Since 
the functions may vary for different parts of the radial gradient, virtually any types of lines or 
curves of constant color can be achieved, and the resulting color gradient becomes a two- 
dimensional color gradient, represented in a polar coordinate system. A general expression 
for a color component value in a two-dimensional gradient represented in a polar coordinate 
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system, at any point (r, 0), is C(r, 0) = CO+f(r, 0)(C1-CO). The conventional distinction 
between linear and radial gradients is thus replaced by a two-dimensional color gradient that 
may be represented in a Cartesian coordinate system or in a polar coordinate system. 

In order to provide a user-fiiendly way of specifying lines of constant color, the 
application can receive a user input of a contour line made by a conventional graphics input 
tool, such as a computer mouse. In one implementation of the invention, the contour line is 
represented by a Bezier curve, which can be transformed into a fiinction to be used in the 
expressions above. Different Bezier functions can be defined for different parts of the curve, 
so that, a rainbow contour can be generated for one section of the gradient while a wavy 
contour is generated for another section of the color gradient, for example. 

Other attributes may vary as functions along the gradient, for example, the angle may 
vary as a function. However, these other attributes may also be described as scalars and for 
clarity these other attributes will be discussed in terms of scalars. It should be noted that 
many additions and variations to the attributes presented below, can be achieved with the 
more general functional approach presented above. 

Angle 

Angle is an attribute that defines the propagation direction for a linear gradient. In 
one implementation of the invention, the angle is measured in relation to an imaginary 
horizontal axis on the display screen, and the value of the angle can range from -1 80 degrees 
to 1 80 degrees. This attribute is not defined for a purely radial gradient. By associating 
different angles with different parts of the gradient, a wide variety of gradients can be 
generated in which not all lines of constant color are parallel. The angle of a specific section 
of the gradient does not have to be related to the imaginary horizontal axis, but can also 
depend on the angle of a previous section of the gradient, so that the angle increases by ten 
degrees compared to a previous angle value for each section of the gradient, for example. 

Horizontal and vertical offset 

The horizontal and vertical offsets are attributes of radial gradients. The horizontal 
and vertical offsets specify the distance of the center point of a radial gradient fi-om the edges 
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of the gradient bounding box. Horizontal and vertical offset are not defined for a purely 
linear gradient. By associating different offsets with different points in a gradient, rather than 
only with the starting point, the radial gradient no longer has to be defined by concentric 
circles, but can instead include circles that are slightly juxtaposed in relation to each other. 
The circles do not have constant color and a great variety of gradients may be created. 

Number of steps 

The "ntimber of steps" attribute specifies the number of intermediate colors to be 
displayed between any two points on a gradient ramp. A small value for the number of steps 
attribute requires the colors to change more for each step, while a larger value for the number 
of steps attribute allows the colors to change less for each step, thereby achieving a more 
smooth-looking transition between the two points of the gradient. The number of steps 
attribute can be used for any type of gradient. By associating different numbers of steps with 
different sections of a gradient, a smooth looking section may be followed by a less smooth- 
looking section, rather than having uniform smoothness across the entire gradient. 

Edge padding distance 

The edge padding distance attribute defines the distance over which a color should 
remain constant along the gradient before the color starts blending with a following color. A 
higher value of the edge paddmg distance attribute means that the color will remain constant 
for a long distance and that the transition to the next color will occur rapidly, while a lower 
value of the edge padding distance attribute means that the color will be constant only for a 
short distance and then transition smoothly over a longer distance into the next color. The 
edge padding distance is measured along the gradient. By associating different edge padding 
distances with different colors, the color change may occur more rapidly in some sections 
and slower in some, rather than being vmiform across the entire gradient. 

Color direction 

In some applications, such as Adobe® Illustrator®, the colors available for display 
are represented in a circular color wheel. The color direction simply defines how two colors 
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on the gradient are joined, that is, which intermediate colors the gradient displays when the 
gradient transitions between the two colors. Examples of color directions relating to a 
circular color wheel are: direct (that is, the starting and ending colors are joined by a straight 
line), counter-clockwise (that is, the starting and ending colors are joined by a line going 
counter-clockwise through the color wheel), and clockwise (that is, the starting and ending 
colors are joined by a line going clockwise through the color wheel). 

FIG. 2 shows a schematic example of how a radial color gradient can be created in 
accordance with the invention. Assume that a user wishes to create a radial color gradient 
between colors CO, CI, C2 and C3. The user selects CO to be the starting color, C3 to be the 
ending color, and C2 and C3, respectively, to be intermediate colors. It should be noted that 
C2 and C3 do not necessarily have to be colors. For example, if a user only wishes to create 
a color gradient between colors CO and C3, then CI and C2 could be intermediary points that 
are associated with some attribute other than color, such as a number of steps attribute that 
determines the rate of change for the colors between CI and C2, and C2 and C3, 
respectively. 

After selecting the starting, ending, and intermediate colors, the user can associate a 
horizontal and a vertical offset with each of the colors, such that the color CO is located at 
(XO, YO), CI is located at (XI, Yl), C2 is located at (X2, Y2), and C3 is located at (X3, Y3) 
in a coordinate system that is local to the gradient bounding box and has an origin in the 
center of the gradient bounding box. 

First, the portion of the gradient extending between colors CO and CI is generated. 
Thereafter, the second portion of the gradient extending between CI and C2, and the portion 
of the gradient extending between C2 and C3 are generated. The resulting gradient contains 
circles that are not of constant color. For example, the periphery of the circle that is centered 
around (XI, Yl) will have a color that varies from CI to C2 and back to CI again. This 
method can be used for any number of colors, thereby creating significantly more flexibility 
and artistic freedom compared to conventional gradient rendering methods. 

Other types of attributes can be varied in an analogous way to the offset attribute, as 
has been described above. For example, the angle of a hnear gradient can vary along the 
gradient, the number of steps can be different for different parts of the gradient, different 
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colors or sections of the gradient may have different edge padding, and the color direction 
can change for different sections of the gradient between different colors intermediate to the 
starting color and the ending color. 

The invention can be implemented in digital electronic circuitry, or in computer 
hardware, firmware, software, or in combinations of them. Apparatus of the invention can be 
implemented in a computer program product tangibly embodied in a machine-readable 
storage device for execution by a programmable processor; and method steps of the invention 
can be performed by a programmable processor executing a program of instructions to 
perform functions of the invention by operating on input data and generating output. The 
invention can be implemented advantageously in one or more computer programs that are 
executable on a programmable system including at least one programmable processor 
coupled to receive data and instructions from, and to transmit data and instructions to, a data 
storage system, at least one input device, and at least one output device. Each computer 
program can be implemented in a high-level procedural or object-oriented programming 
language, or in assembly or machine language if desired; and in any case, the language can 
be a compiled or interpreted language. Suitable processors include, by way of example, both 
general and special purpose microprocessors. Generally, a processor will receive instructions 
and data from a read-only memory and/or a random access memory. Generally, a computer 
will include one or more mass storage devices for storing data files; such devices include 
magnetic disks, such as internal hard disks and removable disks; magneto-optical disks; and 
optical disks. Storage devices suitable for tangibly embodying computer program 
instructions and data include all forms of non-volatile memory, including by way of example 
semiconductor memory devices, such as EPROM, EEPROM, and flash memory devices; 
magnetic disks such as internal hard disks and removable disks; magneto-optical disks; and 
CD-ROM disks. Any of the foregoing can be supplemented by, or incorporated in, ASICs 
(application-specific integrated ckcuits). 

To provide for interaction with a user, the invention can be implemented on a 
computer system having a display device such as a monitor or LCD screen for displaying 
information to the user and a keyboard and a pointing device such as a mouse or a trackball 
by which the user can provide input to the computer system. The computer system can be 
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programmed to provide a graphical user interface through which computer programs interact 
with users. 

The invention has been described in terms of particular embodiments. Other 
embodunents are within the scope of the following claims. For example, the steps of the 
invention can be performed in a different order and still achieve desirable results. Attributes 
may be assigned to the gradient ending point instead of the gradient starting point. Attributes 
do not have to be associated with points along the gradient ramp, but can instead be 
associated with specific colors along the gradient. The colors associated with different parts 
of the gradient can be defined in different color spaces. Additional types of gradients, such 
as angle gradients, reflected gradients, conical gradients, diamond gradients and so on can be 
rendered using the contovir functions described above. 

What is claimed is 
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